<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组定义方式</title>
    <script>
        function f1(){
            // 在js中,数组长度可变
            // 方式一:表示声明一个数组,初始长度为0
            // 当向数组中填充元素后,其长度会随之变化
            let arr = new Array();
            arr[0] = 1;
            // 数组的下标从0开始,每次自增1
            // 如果直接横跨多个元素去赋值
            // 则其长度以下标最大的元素为主
            // 其他未赋值的元素其值相当于声明了未赋值
            arr[2] = 2;
            console.log(arr.length)
            console.log(arr[1])
        }
        function f2(){
            // 方式二:声明一个数组,其初始长度为5
            let arr = new Array(5);
            console.log(arr)
            arr[5] = 5;
            console.log(arr.length)
        }
        function f3(){
            // 方式三:声明一个数组的同时,指定数组元素的值
            // 此时指定了几个元素,则数组的长度就是几
            let arr = new Array(1,2,3);
            console.log(arr)
            console.log(arr.length)
            let arr2 = new Array("admin","jack","tom");
            console.log(arr2)
            console.log(arr2.length)
        }
        function f4(){
            // 方式四:声明一个数组的同时,指定数组元素的值
            let arr = [1,2,3,4,5];
            console.log(arr)
        }
    </script>
</head>
<body>
<button onclick="f1()">定义方式一</button><br>
<button onclick="f2()">定义方式二</button><br>
<button onclick="f3()">定义方式三</button><br>
<button onclick="f4()">定义方式四</button><br>
</body>
</html>